<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>修改手机号码</title>
		<link href="../mui/css/mui.min.css" rel="stylesheet" />
		<link href="../styles/default.css" rel="stylesheet" />
		<link href="../mui/css/mui.picker.min.css" rel="stylesheet" />
		<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<style type="text/css">
			.mui-table-view {
				margin-bottom: 0.8rem;
			}
			
			form {
				margin: 0 auto;
				text-align: left;
			}
			
			li.loginPwd input,
			li.tel input,
			li.vCode input {
				width: 50%;
				border: none;
				background: transparent;
				font-size: 0.6rem;
				color: #b3b3b3;
				letter-spacing: 1px;
				margin-bottom: 0;
			}
			
			li.vCode {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
			}
			
			li.vCode button {
				color: #fff;
				background-color: #ff0066;
				border: none;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hotel-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back();"></a>
			<h1 class="mui-title">修改手机号码</h1>
		</header>
		<div class="mui-content">
			<form>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell content-center loginPwd">
						<label>登录密码</label>
						<input type="password" placeholder="请输入登录密码" />
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell tel">
						<label>新手机号码</label>
						<input type="number" placeholder="请输入有效的手机号码" />
					</li>
					<li class="mui-table-view-cell vCode">
						<label>短信验证码</label>
						<input type="number" />
						<button>获取验证码</button>
					</li>
				</ul>
				<div class="mui-content-padded">
					<button class="mui-btn mui-btn-block hotel-btn-main" data-url='./hotel-list.html' type="button">确认</button>
				</div>
			</form>
		</div>
		<script src="../mui/js/mui.min.js"></script>
		<script src="../libs/ems.js" data-main='./city.js'></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>